<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<a class="btn btn-default"  data-toggle="modal" data-target="#b1">登录</a>
	<div id="b1" class="modal">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-md-offset-6">
				<div class="modal-content">
					<div class="modal-header">
						<b class="close" data-dismiss="modal">&times</b>
						<div class="modal-title">
							<h1>欢迎光临，绵阳珠宝城！</h1>
							<h3>点击进入！</h3>
						</div>
					</div>
				
			<div class="modal-footer">
				<button class="btn btn-success">确定</button>
				<button class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			</div>
			<div class="col-xs-6">
				<div class="modal-content">
					<div class="modal-header">
						<b class="close" data-dismiss="modal">&times</b>
						<div class="modal-title">
							<h1>欢迎光临，绵阳珠宝城！</h1>
							<h3>点击进入！</h3>
						</div>
					</div>
				
			<div class="modal-footer">
				<button class="btn btn-primary">确定</button>
				<button class="btn btn-default"data-dismiss="modal">取消</button>
				</div>
			</div>
			</div>
			<div class="col-xs-6 col-xs-offset-6">
				<div class="modal-content">
					<div class="modal-header">
						<b class="close" data-dismiss="modal">&times</b>
						<div class="modal-title">
							<h1>欢迎光临，绵阳珠宝城！</h1>
							<h3>点击进入！</h3>
						</div>
					</div>
				
			<div class="modal-footer">
				<button class="btn btn-primary">确定</button>
				<button class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
			</div>
		</div>
	</div>
	</div>

</body>

</html>